﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChangePassword.aspx.cs" Inherits="PaydSystem.UI.Member.ChangePassword" %>

<!DOCTYPE html>

<html lang="en"  >
<head runat="server">
    <title></title>
    <style>
        .label-left
        {
            text-align:left !important;
            margin-top:5px !important;
        }
    </style>
</head>
<body>
    <div class="container" ng-init="init();" >
         <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            
                <div class="panel box-shadow" style="border-color:#D3D3D3;border-width:1px;" >
                    <div class="panel-heading" style="background-color:#D3D3D3">
                        <hgroup>
                            <h3 class="panel-title">แก้ไข Password สำหรับระบบ Payd</h3>
                        </hgroup>
                    </div>
                
                    <div> 
                        <div class="row">
                            <div class="panel-body form-horizontal" role="form" >
                                <div >
                                    <ng-form name="changePasswordForm" >
                                        <div class="form-group" >
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 label-left" >
                                                        รหัสผ่าน<span class="red_alert">*</span>
                                                </div>
                                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" ng-class="{true: 'error'}[submitted && registerForm.passwordUser.$invalid]" >
                                                    <input type="password" class="form-control" ng-model="passwordUser" ng-class="{red_control: submitted && registerForm.passwordUser.$invalid}" name="passwordUser" required="" maxlength="20"/>
                                                    <span class="help-inline red_alert" ng-show="submitted && registerForm.passwordUser.$error.required" style="position:relative;font-size: 20px;" >รหัสผ่านจำเป็นต้องใส่</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group" >
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 label-right" >
                                                        ยืนยันรหัสผ่าน<span class="red_alert">*</span>
                                                </div>
                                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" ng-class="{true: 'error'}[submitted && registerForm.passwordConfirm.$invalid]" >
                                                    <input type="password" class="form-control" ng-model="passwordConfirm" ng-class="{red_control: submitted && registerForm.passwordConfirm.$invalid}" name="passwordConfirm" required="" maxlength="20"/>
                                                    <span class="help-inline red_alert" ng-show="submitted && registerForm.passwordConfirm.$error.required" style="position:relative;font-size: 20px;" >รหัสผ่านยืนยันจำเป็นต้องใส่</span>
                                                </div>
                                            </div>
                                        </div>
                                    </ng-form>
                                        <div class="form-group" >
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" >
                                                     &nbsp;   
                                                </div>
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" >
                                                     <span ng-show="saving" class="glyphicon glyphicon-refresh spinner"></span>
                                                     <button ng-hide="saving" type="submit" ng-click="changePwdAction(changePasswordForm.$valid);" class="btn btn-primary btn-block">บันทึกข้อมูล</button>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
